<template>	<!-- 带图标的操作项 -->	<view class="img_list" hover-class="hoverClassList">		<view class="image_cover">			<image :src="data.cover" class="image" v-if="data.cover"></image>			<text v-if="data.icon" class="iconfont icon_image" :style="'color:'+data.color+';'"			>{{data.icon}}</text>		</view>		<view class="right">			<view class="content">				<text class="text">{{data.title}}</text>			</view>			<view class="row_slot">				<view class="slot">					<slot class="tip"></slot>				</view>				<view class="row">					<text class="iconfont">&#xe65f;</text>				</view>			</view>		</view>	</view>
</template>

<script setup>
import { computed } from 'vue';	const props = defineProps({		data:{			type:Object,			default:() => {}		}	})	
</script>

<style lang="less" scoped>	.img_list{		height: 100rpx;		display: flex;		flex-direction: row;		align-items: center;		padding: 0 20rpx;		background-color: #fff;		.image_cover{			margin-right: 15rpx;			.image{				width: 80rpx;				height: 80rpx;				border-radius: 10rpx;			}			.icon_image{				font-size: 50rpx;			}		}		.right{			flex: 1;			display: flex;			flex-direction: row;			justify-content: space-between;			align-items: center;			.row_slot{				display: flex;				flex-direction: row;				align-items: center;
				.slot{
					display: flex;
					flex-direction: row;
					justify-content: flex-end;
					width: 300rpx;
				}				.row{					margin-left: 10rpx;				}			}		}	}
</style>